<script setup lang="ts">
import DockItem from "./DockItem.vue"
</script>

<template>
  <div class="dock">
    <DockItem name="开发中心" icon="vscode"></DockItem>
    <DockItem name="钱包" icon="paybook"></DockItem>
  </div>
</template>

<style scoped lang="scss">
.dock{
  display: inline-block;
  padding: 16px 8px 16px 8px;
  background-color: rgba(255, 255, 255, .4);
  border-radius: 20px;
  backdrop-filter: blur(10px);

  .dock-item{
    width: 50px;
    height: 50px;
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
  }
}
</style>
